.DataGridDiv {
    /*scrollbar-arrow-color:#575757;*/
    /*scrollbar-face-color:#E4E2DC;*/
    /*scrollbar-track-color: #FFF;*/
    /*scrollbar-highlight-color:#E4E2DC;*/
    /*scrollbar-3dlight-color:#FFFFFF;*/
    /*scrollbar-shadow-color:#E4E2DC;*/
    /*scrollbar-darkshadow-color:#A3A3A3;*/
    /*SCROLLBAR-BASE-COLOR: #FFF;*/
    overflow:auto;
    width:100%;
    height:100%;
    border-top:solid #CCCCCC 1px;
    border-left:solid #CCCCCC 1px;
    border-right:solid #CCCCCC 1px;
    border-bottom:solid #CCCCCC 1px;

    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
    /*-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
    background-color: #FFFFFF;

    position:relative;
    flex-grow: 1;
}

.DT_GridWrapper {
    width: 100%;
    height: 100%;
    //position: absolute;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

::-webkit-scrollbar
{
    width: 16px;
    height: 16px;
}
::-webkit-scrollbar-button{

}
::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 0px;
    background-color: #F2F7F9;
    border-width: 0px;
}
::-webkit-scrollbar-track:vertical{
    /*border-left:solid #CCCCCC 1px;*/
}
::-webkit-scrollbar-track:horizontal{
    /*border-top:solid #CCCCCC 1px;*/
}
::-webkit-scrollbar-corner{
    /*background-color: #CCCCCC;*/
}
    /*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
    background-color: #E6F0F4;
}

.DataGridDiv table {
    border-collapse:separate;
    font: menu;
    font-size:14px;
    table-layout:fixed;
}

.TableHeadLeft
{
    background-color: #FCFCFC;
    position:relative;
    z-index:3;
    border-bottom: solid #ECECEC 1px !important;
}
.TableHeadLeft div
{
    /*padding-top: 5px;*/
    width:100%;
    /*height:100%;*/
    text-align:center;
    overflow:hidden;
    text-overflow: ellipsis;		/*超过宽度,结束位置显示"..."*/
    white-space: nowrap;			/*强制在同一行内显示所有文本*/
}
.TableHeadLeft td
{
    cursor: default;
    border-left: solid 1px #ffffff !important;
    /*border-right: outset 1px #ffffff;*/
    border-top: solid 1px #ffffff !important;
    border-right: solid #ECECEC 1px !important;
    height: 35px !important;
    padding: 0px 1px 0px 1px;
}

.TableHead
{
    margin: 0px;
    background-color:#FCFCFC;
    position:relative;
    z-index:2;
    border-bottom: solid #ECECEC 1px !important;
}

.TableHead td
{
    padding: 0px 1px 0px 1px;
    border-left:solid 1px #ffffff !important;
    border-right:solid 1px #ECECEC !important;
    height:35px !important;
    cursor:e-resize;
    color: #3AC5EE;
}

.TableHead div
{
    height:34px !important;
    cursor:default;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;			      /*超过部分隐藏*/
    text-overflow:ellipsis;		  /*超过宽度,结束位置显示"..."*/
    white-space:nowrap;			  /*不换行*/
    padding-top: 9px;
}

.TableHeadRight {
    background-color:#FCFCFC;
    table-layout:fixed;
    position:relative;
    z-index:2;
    border-bottom: solid #ECECEC 1px !important;
}

.TableHeadRight td
{
    padding: 0px 2px 0px 2px;
    border-left:solid 1px #ffffff !important;
    border-right:solid 1px #ECECEC !important;
    height:35px !important;
    color: #3AC5EE;
}

.TableBodyLeft
{
    position: relative;
    z-index: 1;
    /*border-bottom: solid #ECECEC 1px;*/
}

.TableBodyLeft td
{
    cursor: default;
    padding: 0px 1px 0px 1px;
    border-left: solid 1px #ffffff !important;
    border-right:solid 1px #ECECEC !important;
}

.TableBodyLeft div
{
    width:100%;
    text-align:center;

    overflow: hidden;			      /*超过部分隐藏*/
    text-overflow: ellipsis;		  /*超过宽度,结束位置显示"..."*/
    white-space: nowrap;			  /*强制在同一行内显示所有文本*/
    word-break:keep-all;		/*不允许字间断开，也就是不允许换行*/
    height: 30px;
    padding-top: 1px;
}

.TableBodyLeft tbody tr:nth-child(odd){
     background-color: #FFFFFF;
 }
.TableBodyLeft tbody tr:nth-child(even){
    background-color: #F8F8F8;
}

.TableBody
{
    z-index: 0;
    margin: 0px;
    /*border-bottom: solid #ECECEC 1px;*/
}

.TableBody tbody tr:nth-child(odd){
    background-color: #FFFFFF;
}
.TableBody tbody tr:nth-child(even){
    background-color: #F8F8F8;
}

.TableBody td
{
    text-align: center;
    padding: 1px 1px 0px 1px;
    /*padding: 0px;*/
    border-left: solid 1px #ffffff !important;
    border-right: solid 1px #ECECEC !important;

    /*overflow: hidden;			      /!*超过部分隐藏*!/*/
    text-overflow: ellipsis;		  /*超过宽度,结束位置显示"..."*/
    white-space: nowrap;			  /*强制在同一行内显示所有文本*/
    height: 30px !important;
}
.TableBody  td >div {
    cursor:default;
    overflow: hidden;			      /*超过部分隐藏*/
    text-overflow: ellipsis;		  /*超过宽度,结束位置显示"..."*/
    white-space: nowrap;			  /*不换行*/
}
.TableBody td >div.CheckBox
{
    cursor:default;
    white-space:nowrap;				/*层内容不换行*/
    display: inline-block;
    margin: 4px 0px 0px 0px;
    left: auto;
    top:auto;
}

.DataGridDiv div.CheckBox
{
    cursor:default;
    display: inline-block;
    margin: 8px 0px 0px 0px;
}

.TableBodyRight
{
    table-layout:fixed;
    z-index: 0;
    /*border-bottom: solid #ECECEC 1px;*/
}

.TableBodyRight tbody tr:nth-child(odd){
    background-color: #FFFFFF;
}
.TableBodyRight tbody tr:nth-child(even){
    background-color: #F8F8F8;
}

.TableBodyRight td
{
    padding: 0px 2px 0px 2px;
    border-left:solid 1px #ffffff !important;
    border-right:solid 1px #ECECEC !important;
    text-align: center;
    height: 30px;
}

.DivLine
{
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #68BDE2;
    top: 0;
    z-index: 9000;
}

.DT_SpaceAdd{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity: 0.5;
    background-color:#FFFFFF;
    z-index:999;
}
.DT_SpaceAdd div
{
    position: absolute;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    background-image: url(../Images/spaceAdd.png);
    cursor: pointer;
}
.DT_SpaceAdd div:hover
{
    background-image: url(../Images/spaceAdd_hover.png);
}

.DT_Order{
    color:#999999;font-size:12px;cursor:pointer;
}
.DT_FillerDiv{
    position: absolute;
    width: 33px;
    height: 100%;
    border-right: solid #CCC 1px;
    cursor: pointer;
}
.DT_FillerDiv:hover{
    background-color: #FAEFBB;
}

.TextLeftAlign{
    padding-top: 3px;
    height:100%;
    text-align: left;
}
.TextCenterAlign{
    padding-top: 4px;
    height:100%;
    text-align: center;
}
.TextRightAlign{
    padding-top: 3px;
    height:100%;
    text-align: right;
}
